<template>
  <ElTabs v-model="activeTab" tab-position="top" @tab-click="handleTabClick">
    <ElTabPane label="属性设置" name="property">
      <ElPropsPanel :designer="designer"> </ElPropsPanel>
      <FormItemPanel :designer="designer"></FormItemPanel>
    </ElTabPane>
    <ElTabPane label="表单设置" name="form">
      <FormPanel :designer="designer"></FormPanel>
      <DialogPanel :designer="designer"></DialogPanel>
    </ElTabPane>
  </ElTabs>
</template>

<script setup lang="ts" name="DialogLayoutPanel">
import { ref } from "vue";
import { ElTabs, ElTabPane } from "element-plus";
import ElPropsPanel from "../ElPropsPanel.vue";
import FormPanel from "../FormPanel.vue";
import DialogPanel from "./DialogPanel.vue";
import FormItemPanel from "../FormItemPanel.vue";
const activeTab = ref("property");
const handleTabClick = tab => {
  console.log(tab);
};
defineProps({
  designer: Object
});
</script>

<style scoped></style>
